<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js" type="text/javascript"></script>
    <script src="vue-resource.js" type="text/javascript"></script>
</head>
<body>

<div id="box">
    {{msg}}
</div>

<script>
    new Vue({
        el:'#box',
        data:{
            msg:'well'
        },
        created:function(){
            alert("创建实例");
        },
        beforeCompile:function(){
            alert("编译之前");
        },
        compiled:function(){
            alert("编译之后");
        },
        ready:function(){
            alert("插到文档中");
        }

    });
</script>
</body>
</html>